<div id="panier"  data-ng-class="productCart.display">
	<div class="bar">
		<div class="text">
			C<br/>a<br/>r<br/>t<br/>
		<div class="sens">&lt;</div>
		</div>

	</div>
	<div class="content">
		<h1>My cart</h1>
		<hr/>
		<div class="elem">
			{{ productCart.nbProduct }} products in your cart for a total of {{ productCart.totalPrice }}€
		</div>
		<a class="btn" href="<?= $this->route('cartdetails');?>">View in details</a>
	</div>
</div>
<script type="text/javascript">
	$(function(){
		$('#panier').mouseover(function(){
			$('#panier .bar .text .sens').html('&gt;');
			$(this).stop().animate({
				right: '0'
			}, 500);
		}).mouseout(function(){
			$('#panier .bar .text .sens').html('&lt;');
			$(this).stop().animate({
				right: '-262px'
			}, 500);
		});
	});
</script>
